<template>
    <div>
        <div class="bulletin-wrapper" v-for="(item,index) in menu_arr" @click="$router.push(item.href)">
            <span class="bulletin-title"></span>
            <span class="bulletin-text">{{ item.name }}</span>
            <i class="icon-keyboard_arrow_right"></i>
        </div>

    </div>
</template>
<script>
export default {
  data() {
    return {
      menu_arr: [
        {
          name: "收货地址管理",
          href: "/adress_list"
        },
        {
          name: "设置",
          href: "/set_up"
        },
        {
          name: "关于我们",
          href: "/about_us"
        }
      ]
    }
  }
}
</script>
<style scoped>
.bulletin-wrapper {
  position: relative;
  height: 28px;
  line-height: 28px;
  font-size: 96%;
  padding: 2px 22px 2px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #f8f8f8;
  margin: 5px 0;
}
.icon-keyboard_arrow_right {
  position: absolute;
  font-size: 10px;
  right: 12px;
  top: 8px;
}
.icon-keyboard_arrow_right:before {
  content: "\E909";
}
</style>

